﻿@{
    ViewBag.Title = "" + FOResource.UI.Layout.lblcreditcard + "";
    ViewBag.Description = "VnBankNet giúp bạn so sánh và tìm ra thẻ tín dụng phù hợp với nhu cầu của bạn";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var CardProperties = (List<FOModels.Card.CardProperties>)ViewBag.CardProperties;
    var CreditCard = (List<FOModels.Card.CreditCard>)ViewBag.CreditCard;
}
<div class="select-typecard" data-role="controlgroup" data-corners="false" data-theme="b">
    <select name="select-native-17" id="select-creditcard-pro-bycom" data-theme="b">
        <option value="0">@FOResource.UI.Product.Card.lblall</option>
        @if (CardProperties.Count > 0)
        {
            foreach (var cardpro in CardProperties)
            {
            <option value="@cardpro.CardPropertiesID">@cardpro.CardPropertiesName</option>
            }
        }
    </select>
</div>
<div id="radio-wrapper" style="display:none;">@CreditCard.First().CompanyID</div>
<hr style="background: #bebebe; margin-left: 10px; margin-right: 10px;" />
<div class="container">
    <div id="credit-card-list">
        @if (CreditCard.Count > 0)
        {
            foreach (var cre in CreditCard)
            {
            <div class="product-item">
                <p class="bank-title">
                    <a title="@FOResource.UI.Layout.viewprobyprovider - @cre.CompanyName" href="@Url.Action("CardsByProvider", "CreditCard", new { CompanyName = FO.Models.Conver.ConvertToUnSign(cre.CompanyName).ToLower(), CompanyID = cre.CompanyID })">@cre.CompanyName</a>
                    @cre.CardName
                </p>
                <a title="@FOResource.UI.Layout.viewdetail" href="@Url.Action("Detail", "CreditCard", new { CompanyName = FO.Models.Conver.ConvertToUnSign(cre.CompanyName).ToLower(), CardName = FO.Models.Conver.ConvertToUnSign(cre.CardName).ToLower(), CardID = cre.CardID })">
                    <img alt="@cre.CardName" class="product-item-img" src="@Url.Content("http://vnbanknet.com/Content/UpLoad/Images/" + @cre.CardImage + "")" /></a>
                <ul class="ul-info">
                    @if (cre.Cost > 0)
                    {
                        <li><strong>@FOResource.UI.Product.Card.cosperyear:</strong> @String.Format("{0:0,0}", cre.Cost)</li>
                    }
                    else
                    {
                        <li><strong>@FOResource.UI.Product.Card.cosperyear:</strong> 0</li>
                    }
                    <li><strong>@FOResource.UI.Product.Deposit.interest:</strong> @cre.Interest.ToString().Replace(".", "" + FOResource.UI.Layout.currency1 + "") %</li>
                    <li><a class="btn-detail" title="@FOResource.UI.Layout.viewdetail" href="@Url.Action("Detail", "CreditCard", new { CompanyName = FO.Models.Conver.ConvertToUnSign(cre.CompanyName).ToLower(), CardName = FO.Models.Conver.ConvertToUnSign(cre.CardName).ToLower(), CardID = cre.CardID })" data-role="button" data-corners="false" data-mini="true" data-inline="true" data-icon="grid" data-theme="b">@FOResource.UI.Layout.viewdetail</a><li>
                </ul>
                <div style="clear: both;"></div>

                <h4 class="title">@FOResource.UI.Product.Card.lblbenefit</h4>
                <div class="item-list">
                    @Html.Raw(cre.BenefitContent)
                </div>

                <h4 class="title">@FOResource.UI.Product.Card.lblfeatures</h4>
                <div class="item-list">
                    @Html.Raw(cre.FurtureContent)
                </div>
                <a href="@Url.Action("CreditCardInfo", "CreditCard", new { CardID = cre.CardID })" data-mini="true" data-corners="false" data-theme="b" data-icon="arrow-r" data-iconpos="right" data-role="button">@FOResource.UI.Product.Card.lblapply1</a>
            </div>
            <div style="clear: both;"></div>
            <hr style="background: #bebebe;" />
            }
        }
    </div>
</div>

